<template>
  <el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse">
    <h3><font size="5px"><br><br><br>同济图书馆馆藏分布</font></h3>

    <router-link to="/Siping">
       <el-menu-item index="1">
      <!-- <i class="el-icon-menu"></i> -->
      <span slot="title"><font size="4px">四平路校区</font></span>
      </el-menu-item>
    </router-link>

    <router-link to="/Jiading">
      <el-menu-item index="2" >
      <!-- <i class="el-icon-document"></i>  -->
      <span slot="title"><font size="4px">嘉定校区</font></span>
      </el-menu-item>
    </router-link>
  </el-menu>
</template>

<style>
  .el-menu-vertical-demo:not(.el-menu--collapse) {
        background: url('../assets/TJU.png');
        background-size: 100% 10%;
        background-repeat: no-repeat;
        margin:0;
        padding:0;
        border:0;
        background: linear-gradient(#7eadf5,white);
    /* background-color: #1A6BE6; */
    width: 250px;
    min-height: 100%;
  }
  a {
      text-decoration: none;
    }
    .router-link-active{
        text-decoration: none;
    }
</style>

<script>
  export default {
    data() {
      return {
        isCollapse: false
      }
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<!-- [
  {
    path:'/',
    name:'home',
    label:'首页',
    icon:'s-home',
    url:'Home/Home'
  },

  {
    path:'/mall',
    name:'mall',
    label:'商品管理',
    icon:'video-play',
    url:'MallManage/MallManage'
  },

  {
    path:'/user',
    name:'user',
    label:'用户管理',
    icon:'user',
    url:'UserManange/UserManage'
  },

  {
    label:'其他',
    icon:'location',
    children:[
      {
        path:'/page1',
        name:'page1',
        label:'页面1',
        icon:'setting',
        url:'Other/PageOne'
      },
      {
        path:'/page2',
        name:'page2',
        label:'页面2',
        icon:'setting',
        url:'Other/PageTwo'
      },
    ]
  }

] -->